body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  margin: 0;
  padding: 0;
  background-color: #f0f2f5;
}

.app-container {
  padding: 20px;
}

.page-header {
  background-color: #fff;
  padding: 16px 20px;
  margin-bottom: 20px;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.page-title {
  font-size: 20px;
  font-weight: 500;
  margin: 0;
  color: #17233d;
}

.filter-container {
  background-color: #fff;
  padding: 20px;
  margin-bottom: 20px;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.table-container {
  background-color: #fff;
  padding: 20px;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.pagination-container {
  margin-top: 20px;
  text-align: right;
}

.el-tag--draft {
  background-color: #e8eaec;
  border-color: #e8eaec;
  color: #515a6e;
}

.el-tag--published {
  background-color: #19be6b;
  border-color: #19be6b;
  color: #fff;
}

.el-tag--inactive {
  background-color: #ff9900;
  border-color: #ff9900;
  color: #fff;
}

.el-tag--expired {
  background-color: #ed4014;
  border-color: #ed4014;
  color: #fff;
}

.el-tag--urgent {
  background-color: #ed4014;
  border-color: #ed4014;
  color: #fff;
}

.el-tag--high {
  background-color: #ff9900;
  border-color: #ff9900;
  color: #fff;
}

.el-tag--medium {
  background-color: #2db7f5;
  border-color: #2db7f5;
  color: #fff;
}

.el-tag--low {
  background-color: #19be6b;
  border-color: #19be6b;
  color: #fff;
}

.operation-btn {
  margin-right: 8px;
}

.notification-type-tag {
  margin-right: 5px;
}
